<template>
    <div class="fcn">
        <div class="title">
            <p>常用功能</p>
        </div>
        <van-grid>
            <van-grid-item to="address">
                <van-badge>
                    <div class="child">
                        <van-icon name="orders-o" size="28px" />
                        <p>收货地址</p>
                    </div>
                </van-badge>
            </van-grid-item>
            <van-grid-item>
                <van-badge>
                    <div class="child">
                        <van-icon name="orders-o" size="28px" />
                        <p>我的收藏</p>
                    </div>
                </van-badge>
            </van-grid-item>
            <van-grid-item>
                <van-badge>
                    <div class="child">
                        <van-icon name="orders-o" size="28px" />
                        <p>浏览纪录</p>
                    </div>
                </van-badge>
            </van-grid-item>
        
        </van-grid>
    </div>
</template>

<style lang="scss" scoped>
.fcn{
    background-color: #fff;
    margin: 20px;
}
.child{
    width: 60px;
    height: 60px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    font-size: 12px;
}
</style>